<template>
  <div>
    <el-tree :data="treeData" show-checkbox node-key="id" :props="defaultProps">
    </el-tree>
  </div>
</template>
<script>
export default {
  name: 'authtree',
  data() {
    return {
      // treeData:[],
      defaultProps: {
        children: 'children',
        label: 'label'
      }
    }
  },
  props: {
    treeData: Array
  },
  // created:function(){
  //   var result = [];
  //   this.$http
  //     .get(this.getAuthUrl, {
  //       method: 'post',
  //       params: {}
  //     })
  //     .then(function(response) {

  //       // console.log(response.data);
  //       var list = response.data.result
  //       var idstr = []
  //       var pidstr = []
  //       for (var i = 0; i < list.length; i++) {
  //         idstr.push(list[i].id)
  //         pidstr.push(list[i].parent)
  //         list[i].label = list[i].text
  //       }
  //       var temp = {}
  //       for (var i = 0; i < list.length; i++) {
  //         temp[idstr[i]] = list[i] //将nodes数组转成对象类型
  //       }
  //       for (var j = 0; j < list.length; j++) {
  //         var tempVp = temp[pidstr[j]] //获取每一个子对象的父对象
  //         if (tempVp) {
  //           //判断父对象是否存在，如果不存在直接将对象放到第一层
  //           if (!tempVp['children']) tempVp['children'] = [] //如果父元素的nodes对象不存在，则创建数组
  //           tempVp['children'].push(list[j]) //将本对象压入父对象的nodes数组
  //         } else {
  //           result.push(list[j]) //将不存在父对象的对象直接放入一级目录
  //         }
  //       }

  //       //  console.log(result);
  //     })
  //     .catch(function(error) {
  //       console.log(error)
  //     })
  //    this.treeData = result;
  // },
  methods: {
    handleNodeClick(data) {
      console.log(data)
    }
  },

  computed: {},
  components: {}
}
</script>